<template>
<div>

<div class="mui-page-content" id="boxone">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right" href="#account">
									<img class="mui-media-object mui-pull-left head-img" id="head-img" src="./images/京东购物.png">
									<div class="mui-media-body">
										Hello JD
										<p class='mui-ellipsis'>账号:helloJD</p>
									</div>
								</a>
							</li>
						</ul>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a href="#account" class="mui-navigate-right">账号与安全</a>
							</li>
						</ul>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a href="#notifications" class="mui-navigate-right">新消息通知</a>
							</li>
							<li class="mui-table-view-cell">
								<a href="#privacy" class="mui-navigate-right">隐私</a>
							</li>
							<li class="mui-table-view-cell">
								<a href="#general" class="mui-navigate-right">通用</a>
							</li>
						</ul>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a href="#about" class="mui-navigate-right">关于京东app <i class="mui-pull-right update">V3.1.0</i></a>
							</li>
						</ul>
						<ul class="mui-table-view">
							<li class="mui-table-view-cell" style="text-align: center;">
								<a style="background-color: rgba(255, 0, 0, 0.699)" >退出登录</a>
							</li>
						</ul>
					</div>
				</div>
			</div>


			 <Navbar></Navbar>


		
    </div>
</template>


<style socped>
#boxone{
	
	/* color: rgba(rgba(255, 0, 0, 0.699), green, blue, alpha) */
}

</style>

<script>
 import './libs/mui/css/mui.css'    

  import './libs/mui/css/icons-extra.css' 


import Header from './zj/header.vue'
import Navbar from './zj/navbar.vue'
export default {
	data(){
		return{

		}
	},
	components:{
		Header,
		Navbar,
		

	}
    
}
</script>
